{extend name="common@public/base" /}

{block name="body"}
<link rel="stylesheet" href="/static/css/user/login.css">
<div class="bg"></div>
<div class="mask">
    <div class="lgWrap animated zoomIn">
        <div class="left">
            <div class="masking">
                <div class="lg-wrap"><img src="/static/images/user/fly.png"/></div>
                </a>
                <p class="slogan">说好的，一起Fly</p>
                <ul class="explain">
                    <li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li>
                    <li>嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿</li>
                    <li>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</li>
                </ul>
            </div>
        </div>
        <form method="post" class="right ajax-form" action="{:url('user/index/login')}">
            <div class="lgName">
                <span>登录</span>
                <span>/</span>
                <a href="{:url('user/index/register')}">注册</a>
            </div>
            <div class="inputWrap">
                <div class="inputBox">
                    <input type="text" id="L_email" name="account" required lay-verify="required" autocomplete="off"
                           placeholder="请输入账号">
                </div>
                <div class="inputBox">
                    <input type="password" id="L_pass" name="password" required lay-verify="required" autocomplete="off"
                           placeholder="请输入密码">
                </div>
                <div class="inputBox">
                    <input type="text" id="L_vercode" name="vercode" required lay-verify="required" autocomplete="off"
                           placeholder="请回答后面的问题">
                    <div class="verify">{{d.vercode}}</div>
                </div>
                <!--记住登录-->
                <div class="remember">
                    <input type="hidden" name="referer" value="{$refer?$_SERVER['HTTP_REFERER']:''}">
                    <input type="checkbox" checked="checked" name="remember" value="1" style="cursor:pointer;">
                    <span>记住登录</span>
                </div>
                <!--登录按钮和第三方登录-->
                <div class="lg-style flexTwo">
                    {:token()}

                    <button class="login-btn flexWrap">立即登录</button>
                    <div class="third">
                        <span>或者使用社交账号登入：</span>
                        <a href="" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                           class="iconfont icon-appxiugaiicon42"
                           title="QQ登入"></a>
                        <a href="" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                           class="iconfont icon-appxiugaiicon43"
                           title="微博登入"></a>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="forget animated zoomIn">
        <span>还没有<a href="{:url('user/index/register')}">账号？</a></span>
        <span>/</span>
        <span>忘记<a href="{:url('user/index/register')}">密码？</a></span>
    </div>
</div>
{/block}



